body,ul,li,ol,dl,dt,dd,h1,h2,h3,h5,h6,span,em,i,p,a,b,big,small{display:block;margin:0;padding:0;box-sizing:border-box}
dd,dl,dt,li,ul{list-style:none}
a{text-decoration:none}
i,em{font-style:normal}
img{border:0;display:block}
hr{border:none}
div{box-sizing:border-box}
body{background:#F3F3F0;font-family:Helvetica,'Hiragino Sans GB','Microsoft Yahei',Arial,sans-serif;color:#333;min-width:1200px}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.clearfix{*+height:1%}
.header{margin:0 auto;width:1200px;height:120px}
.header .logo{float:left;margin:10px 0 0 0;width:330px;height:82px}
.logo img{float:left;width:130px;height:82px}
.logo h1{float:left;margin:38px 0 0 10px;height:30px;color:#909390;letter-spacing:2px;font-size:26px;line-height:30px}
.header .nav{float:right;width:810px}
.nav ul{float:left;clear:both;margin:60px 0 0 0;width:100%}
.nav li{position:relative;float:left;margin:0 0 0 20px;width:115px}
.nav li b{float:left;clear:both;width:115px;height:30px;border-radius:18px;background:#d8e5e3;color:#555;text-align:center;font-size:16px;line-height:30px;cursor:pointer}
.nav li span{position:absolute;top:50px;right:0;z-index:999;display:none;padding:20px 0;width:236px;background:#fff;color:#333;font-size:14px}
.nav li span a{float:left;margin:0 9px;width:100px;height:36px;color:#333;text-align:center;font-size:14px;line-height:36px}
.nav li span a:hover{color:#ce5537}
.wrap{margin:0 auto;width:1200px}
.wrap::before{float:left;clear:both;width:1200px;height:10px;border-radius:5px;background:#fff;content:""}
.wrap .main{float:left;margin:50px 0 0 0;width:790px}
.main .menu{float:left;width:239px;background:#e8e8e1}
.menu span{float:left;clear:both;width:100%;border-top:1px solid #6e7783}
.menu b{float:left;clear:both;width:100%;height:80px;border-bottom:1px solid #6e7783;text-align:center;font-size:16px;line-height:80px;cursor:pointer}
.menu b:hover{background:#f3f3f0;color:#3b8183}
.menu .act{background:#f3f3f0;color:#3b8183}
.main .list{float:left;margin:0 0 50px 50px;width:500px}
.list ul{float:left;clear:both;display:none;width:100%}
.list li{float:left;clear:both;margin:0 0 16px 0;width:100%;border-bottom:1px dashed #c9c9c6}
.list li i{float:left;margin:10px 0 25px 0;width:70px}
.list li img{width:70px;height:70px;border-radius:35px}
.list li b{float:right;overflow:hidden;margin:15px 0 0 0;width:370px;height:30px;font-size:16px;line-height:30px}
.list li b a{color:#555}
.list li b a:hover{color:#ce5537}
.list li span{float:right;margin:10px 0 0 0;width:370px;height:30px;color:#9b9b93;font-size:13px;line-height:30px}
.wrap .recommend{float:right;margin:50px 0 50px 0;width:360px}
.recommend .h2{float:left;clear:both;width:100%;font-weight:700;font-size:18px}
.recommend .h2::after{float:right;margin:10px 200px 0 0;width:50px;height:6px;background:#ecd06f;content:""}
.recommend ul{float:left;clear:both;width:100%}
.recommend li{float:left;clear:both;margin:20px 0 0 0;margin:30px 0 0 0;width:100%;border-radius:15px;background:#fff}
.recommend li b{float:left;clear:both;overflow:hidden;margin:20px 0 0 20px;width:320px;height:25px;font-size:14px;line-height:25px}
.recommend li a b{color:#555}
.recommend li a:hover b{color:#ce5537}
.recommend li p{float:left;clear:both;overflow:hidden;margin:0 0 0 20px;width:320px;height:100px;font-size:14px;line-height:25px}
.recommend li a p{color:#555}
.recommend li a:hover p{text-decoration:underline}
.recommend li span{float:left;clear:both;margin:20px 0 20px 20px;width:320px;height:25px;color:#555;font-weight:700;font-size:13px;line-height:25px}
.layer{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(55,58,71,.3);-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-backface-visibility:hidden}
.footer{margin:0 auto 30px auto;width:1200px;height:90px;border-radius:15px;background:#d8e5e3}
.footer dl{float:left;clear:both;margin:25px 0 0 0;width:100%;color:#333;text-align:center;font-size:13px;line-height:25px}
.footer dt a{display:inline-block;color:#333}
.footer dd a{display:inline-block;color:#333;margin:0 20px 0 0}
